var side = document.querySelector(".side");
function scrollDisplay() {
  var curTop = document.documentElement.scrollTop || document.body.scrollTop;
  var curHeight =
    document.documentElement.clientHeight || document.body.clientHeight;

  curTop > curHeight
    ? (side.style.visibility = "visible")
    : (side.style.visibility = "hidden");
}
window.onscroll = scrollDisplay;
// 缓慢回到顶部
var GoTop=document.querySelector(".GoTop")

GoTop.onclick = function () {
  window.onscroll = null;
  side.style.visibility = "hidden";
  var duration = 500; // 总时间500ms
  var interval = 10; // 频率10mx
  var target = document.documentElement.scrollTop || document.body.scrollTop; // 总距离：当前的位置的（当前的scrollTop值） - 目标位置（0）
  var step = (target / duration) * interval; // 步长， 每一次走的距离 target/duration > 每1ms走的距离 * interval > 每一次走的距离
  // 计算完成步长后， 让当前的页面每隔interval这么长的时间走一步： 在原来的scrollTop的基础上-步长
  var timer = window.setInterval(function () {
    var curTop = document.documentElement.scrollTop || document.body.scrollTop;
    curTop -= step;
    if (curTop <= 0) {
      // 走到头了
      console.log("走到头了");
      window.clearInterval(timer);
      window.onscroll = scrollDisplay;
      return;
    }
    document.documentElement.scrollTop = curTop;
    document.body.scrollTop = curTop;
  }, interval);
};
